<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="/blog/plugins/jquery-2.1.0.js"></script>
		<script src="/blog/plugins/element-ui/vue.js"></script>
		<script src="/blog/plugins/element-ui/index.js"></script>
		<script src="/blog/plugins/ComUtil.js"></script>
		<link rel="stylesheet" href="../../plugins/element-ui/index.css" / />
		<link rel="stylesheet" href="css/AllIndex.css" />

		<script src="js/AllIndex.js"></script>
		<title>后台首页</title>
		<style>
			
		</style>
	</head>

	<body>
		<div id="back_Vu">
			<div class="left_dh">
				<el-menu default-active="1-4-1" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" @select="checkMenu" @open="handleOpen" @close="handleClose">
					<div class="admin_div">
						<div class="main_ntx">
							<!--<img src="../../main/img/lvy.png" />-->
						</div>
						<div class="main_name">
							<a class="lvy_name">admin</a>

							<div class="lvy_sign">
								个人详情
							</div>
						</div>
					</div>
					<el-submenu index="1">
						<template slot="title">
							<i class="el-icon-location"></i>
							<span slot="title">首页管理</span>
						</template>
						<el-menu-item-group>
							<!--<span slot="title">左侧模块</span>-->
							<el-menu-item index="1-1">图片显示管理</el-menu-item>
							<el-menu-item index="1-2">文本修改</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					
					<el-submenu index="2">
						<template slot="title">
							<i class="el-icon-menu"></i>
							<span slot="title">工作模块</span>
						</template>
						<el-menu-item-group>
							<!--<span slot="title">左侧模块</span>-->
							<el-menu-item index="2-1" @click="addTab('docker管理','dockerPage')">docker管理</el-menu-item>
							<el-menu-item index="2-2" @click="addTab('表格','file_table')">表格</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					<!--<el-menu-item index="gz">
							<i class="el-icon-menu"></i>
							<span slot="title">工作模块</span>
					
					</el-menu-item>-->
					<el-menu-item index="gn">
						<i class="el-icon-setting"></i>
						<span slot="title">功能调试</span>
					</el-menu-item>
				</el-menu>
			</div>

			<div class="main_dh">
				<div class="main_hread">
				</div>
				<div class="main_tab">
					<el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" style="height: 100%;">
						<el-tab-pane v-for="(item, index) in editableTabs" :key="item.name" :label="item.title" :name="item.name" v-html="item.content">
						</el-tab-pane>
					</el-tabs>
				</div>
			</div>
		</div>
		<script>
			var aid = new AllIndex();
			aid.IndexInit();
		</script>
	</body>

</html>